<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

<ui:composition>
	<f:subview>
		<div class="content-secondary">
			<div class="left-column">
				<div class="left-menu-border">
					<div class="left-menu-top">
						<div class="left-menu-bottom">
							<div class="title-border-dashed">
								<h3>Búsqueda</h3>
							</div>
							<ul class="menu-left contact">
								<li class="no-border-bottom"><br />
								<br />
								<br /></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			
			<div class="right-column">
				<div class="contact-form-top-bg">
					<div class="contact-form-bottom-bg">
						<a4j:form styleClass="form">
						<div class="title-border-dashed padding-top-15px">
							<h3>Administrar Categorías</h3>
							<div class="boton-derecha">
								<a4j:commandLink styleClass="holder-small"
								action="#{adminBean.nuevaCategoria}" 
								rendered="#{adminBean.accion == 'L'}" 
								reRender="detallesBody,ppnlNuevaCategoria">
									<span class="holder-small-repeat">Nuevo</span>
									<span class="holder-small-right"></span>
									<a4j:actionparam name="accion" value="N"
										assignTo="#{adminBean.accion}" />
								</a4j:commandLink>
							</div>
						</div>
						
						<rich:dataTable var="o" value="#{adminBean.lstCategorias}"
							rendered="#{adminBean.accion == 'L'}"
							styleClass="stable" rowClasses="odd-row, even-row"
							iterationStatusVar="it" id="tablaCategorias" rows="15">
			                <f:facet name="header">
			                    <rich:columnGroup>
			                        <h:column><h:outputText value="#" /></h:column>
			                        <h:column><h:outputText value="Categoría" /></h:column>
			                        <h:column><h:outputText value="Nombre" /></h:column>
			                        <h:column><h:outputText value="Acciones" /></h:column>
			                    </rich:columnGroup>
			                </f:facet>
							<rich:column>
								<h:outputText value="#{o.codigo}" />
							</rich:column>
							<rich:column>
								<h:outputText value="#{o.nombrePadre}" />
							</rich:column>
							<rich:column>
								<h:outputText value="#{o.nombre}" />
							</rich:column>
							<rich:column>
								<a4j:commandLink styleClass="no-decor" 
									oncomplete="#{rich:component('pnlConfirmar')}.show()">
									<h:graphicImage value="../../common/images/iconos/delete.gif"
										alt="delete" />
									<a4j:actionparam value="#{it.index}"
										assignTo="#{adminBean.oCategoria.index}" />
								</a4j:commandLink>
								<a4j:commandLink styleClass="no-decor" render="editGrid"
									execute="@this"
									oncomplete="#{rich:component('pnlEditarCategoria')}.show()">
									<h:graphicImage value="../../common/images/iconos/edit.gif"
										alt="edit" />
									<a4j:actionparam value="#{it.index}" assignTo="#{adminBean.oCategoria.index}" />
									<f:setPropertyActionListener target="#{adminBean.oCategoria}" value="#{o}" />
								</a4j:commandLink>
							</rich:column>
						</rich:dataTable>

						</a4j:form>
						<a4j:form styleClass="form">
				        <rich:panel header="Registrar Categoría" id="ppnlNuevaCategoria" 
				        width="410" height="330" rendered="#{adminBean.accion == 'N'}">
				            <h:panelGrid columns="3" id="pnlNuevaCategoria">
				                <h:outputText value="Categoría" />
								<h:selectOneMenu value="#{adminBean.oCategoria.codigoPadre}" id="codigoPadre">
									<f:selectItem itemValue="0" itemLabel="Ninguna" />
									<f:selectItems value="#{adminBean.cboCategoria}" />
								</h:selectOneMenu>
								<h:panelGroup />
				                <h:outputLabel value="Nombre" />
				                <h:inputText value="#{adminBean.oCategoria.nombre}" label="Nombre"
				                />
				                <h:panelGroup />
				                <h:outputLabel value="Descripcion" />
				                <h:inputText value="#{adminBean.oCategoria.descripcion}" label="Descripcion"
								/>
				                <h:panelGroup />
				            </h:panelGrid>
							<div class="botones-popup-centrar" style="width: 150px;">
								<a4j:commandLink styleClass="holder-small"
									action="#{adminBean.registrarCategoria}" 
									oncomplete="mostrarMsg()"
									reRender="detallesBody">
									<span class="holder-small-repeat">Guardar</span>
									<span class="holder-small-right"></span>
									<a4j:actionparam name="accion" value="L"
										assignTo="#{adminBean.accion}" />	
								</a4j:commandLink>
								<a4j:commandLink styleClass="holder-small"
								ajaxSingle="true"
									reRender="detallesBody">
									<span class="holder-small-repeat">Cancelar</span>
									<span class="holder-small-right"></span>
									<a4j:actionparam name="ruta"
										value="/pages/admin/categoria/mantenimiento.xhtml"
										assignTo="#{beanLinkMenu.ruta}" />
									<a4j:actionparam name="accion" value="L"
										assignTo="#{adminBean.accion}" />
								</a4j:commandLink>
							</div>
				        </rich:panel>
				        </a4j:form>
					</div>
				</div>
			</div>
			
		</div>

	</f:subview>
</ui:composition>


</html>